/* component/site-monitoring/index.wxss */
.container {
  .top {
    display: flex;
    button {
      width: 120rpx;
      border-radius: 20rpx;
      font-size: 24rpx !important;
    }
  }
  .bottom {
    .card {
      width: 710rpx;
      height: 101rpx;
      margin-top: 30rpx;
      background: #ffffff;
      box-shadow: 0rpx 0rpx 10rpx 0rpx rgba(4, 28, 63, 0.1);
      border-radius: 20rpx;
      .top {
        // background-color: #ff6b6b;
        color: #fff;
        border-radius: 20rpx 20rpx 20rpx 20rpx;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content:space-between;
        font-size: 28rpx;
        padding-right: 20rpx;
        padding-left: 20rpx;
      }
      .bottom {
        height: 169rpx;
        display: flex;
        align-items: center;
        justify-content: space-around;
        .item {
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
          .title {
            padding-top: 10rpx;
            font-size: 24rpx;
            color: #949598;
          }
          .num {
            padding-top: 10rpx;
            font-size: 28rpx;
          }
          .num-warn {
            padding-top: 10rpx;
            font-size: 28rpx;
            color: #ff6b6b;
          }
        }
      }
    }
  }
}
